<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>${sessionScope.web_name}</title>
      <meta content="width=device-width, initial-scale=1.0" name="viewport" />
      <link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
      <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
      <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
      <link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui.css" rel="stylesheet" type="text/css" />
      <link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
      <link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
      <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-addon.js"></script>
      <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js"></script>
      <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-zh-CN.js"></script>
      <link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
      <script src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
  </head>
<!-- BEGIN BODY -->
<body class="page-header-fixed">
	<!-- BEGIN HEADER -->
	<jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
	<!-- END HEADER -->

	<!-- BEGIN CONTAINER -->
	<div class="page-container row-fluid">
		<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
		<div class="page-sidebar nav-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->
			<ul class="page-sidebar-menu">
				<sys:sysNav ctgLevelOne="systemCfg" ctgLevelTwo="proDictMgr" />
			</ul>
			<!-- END SIDEBAR MENU -->
		</div>
		<!-- END BEGIN HORIZONTAL MENU PAGE SIDEBAR -->
		<!-- BEGIN PAGE -->

		<div class="page-content">
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid crumbs">
					<div class="beginPageHearderBg_1"></div>
					<div class="beginPageHearderBg_2"></div>
					<div class="page-title page-title-style"><i class="icon-legal"></i>项目字典信息</div>
					<div class="page-title-desc"><i class="fa fa-info-circle"></i>对项目字典表进行维护(*)</div>
					<div class="span12 breadcrumb-style">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home"></i>
								<a href="${sessionScope.web_home}">首页</a>
								<i class="icon-angle-right"></i>
							</li>
							<li>
								<a href="#">系统</a>
								<i class="icon-angle-right"></i>
							</li>
							<li><a href="#">项目字典信息</a></li>
						</ul>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="row-fluid" id="dashboard">
						<form class="form-horizontal" id="proDictSearchDiv">
							<div class="control-group span2">
								<div class="controls span12">数据类型:
									<select class="span12 m-wrap" data-live-search="true" name="dictCode" id="dictCode">
									</select>
								</div>
							</div>
							<div class="control-group span3">
								<button type="button" class="btn btn-info btn-outline m-wrap"  onclick="reloadDictData()">搜 索</button>
							</div>
						</form>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN SAMPLE TABLE PORTLET-->
						<div class="portlet box yellow">
							<div class="portlet-title">
								<div class="caption">
									<i class="icon-user"></i>项目字典数据列表
								</div>
								<div class="tools">
									<a href="javascript:;" class="collapse"></a>
								</div>
								<div class="actions">
									<a class="btn btn-auto btn-outline m-wrap" href="#" id="saveProDict"><i class="icon-plus" ></i>新增数据类型
									</a>
									<a class="btn btn-auto btn-outline m-wrap" href="#" id="saveProDictValue"><i class="icon-plus"></i>新增数据类型键值
									</a>
								</div>
							</div>
							<div class="portlet-body">
								<table id="proDictTable" class="table table-hover table-bordered table-striped  dt-responsive" width="100%">
									<thead>
										<tr>
											<th>数据类型</th>
											<th>数据编码</th>
											<th>键值</th>
											<th>键值名</th>
											<th>状态</th>
											<th>排序</th>
											<th style="width:15%">操作</th>
										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT-->

			<div class="clearfix"></div>
		</div>
		<!-- 增加项目字典 -->
		<div id="addProDictDiv" class="modal fade" tabindex="-1">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header bg-yellow"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
						<h4 class="modal-title">
							<i class="icon-user"></i> 
							<span id="lblAddTitle">增加项目字典</span>
						</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" id="addProDictBtn" class="btn btn-info m-wrap btn-outline" >确定</button>
						<button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 增加项目字典键值-->
		<div id="addProDictValueDiv" class="modal fade" tabindex="-1">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header bg-yellow"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
						<h4 class="modal-title">
							<i class="icon-user"></i>
							<span id="lblAddTitle"><font id="divTitle">增加项目字典键值</font></span>
						</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" id="addProDictValueBtn" class="btn btn-info m-wrap btn-outline">确定</button>
						<button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
	<jsp:include page="../common/sysFooter.jsp"></jsp:include>
	<!-- END FOOTER -->
	<!-- BEGIN CORE PLUGINS -->
	<script>
		jQuery(document).ready(function() {
			App.init();
			TableAdvanced.init();
			UIModals.init();
			FormValidation.init();
		});
	</script>
	<script src="<%=request.getContextPath()%>/resources/assets/system/js/sys/proDictMgr.js"></script>
	<script src="<%=request.getContextPath()%>/resources/assets/system/js/sys/proDictInfo.js"></script>
	<!-- END THEME LAYOUT SCRIPTS -->
</body>
</html>